<template>
  <view class="detail-item">
    <view class="item-title" :class="isBold ? 'bold' : 'weight'" v-if="title">{{ title }}</view>
    <view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
<!--      <image v-if="title == '产品说明'" :src="img_src" style="width: 100%" mode="widthFix"></image>-->
      <view class="title"> <div class="leftpoint">·</div> 服务流程：提交订单-匹配法务专员-法务初审-匹配律师-律师法院立案-律师向投资人申请投资费用-律师办案-回款后让律师指导您向投资人支付投资收益-未全额回款时让律师将投资人追加为共同执行人-法院终结执行-律师移交资料给您-您和律师确认服务完成-投资人确认服务完成-平台划转费用给律师和投资人。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务方式：线上书面.电话+线下面谈。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 投资人将为您承担律师费.立案受理费.公告费.异地被告身份查询费。您不用向律师支付律师费，也不用向法院支付立案受理费.公告费。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务阶段中，套餐里均已包含重审一审、重审二审、执行异议、执行复议/监督、追加申请执行人/被执行人。在办案过程中，如新增这些程序的，您无需另行付费，律师将为您继续代理，直至法院终结本次执行程序。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 匹配律师成功后，请让律师先帮您审查案件的胜诉率，再让律师向投资人申请投资费用。</view>
      <view class="title titles red underline"> <div class="leftpoint">·</div> 只要您案件真实，主张的欠款本金全部获得法院支持，您就不需要向投资人赔偿任何损失。</view>
      <view class="title titles red underline"> <div class="leftpoint">·</div> 您未收到任何款物前，不需要向投资人支付投资收益。</view>
      <view class="title titles underline"> <div class="leftpoint">·</div> 您主张的欠款本金全部获得法院支持时，您需向投资人履行以下事项：</view>
      <view class="title">  <div class="fontNormal marginLeft5">1.</div> 回款部分，在您收到款物后，应以现金方式向投资人支付投资收益；</view>
      <view class="title">  <div class="fontNormal">&nbsp;</div>     计算公式为：您实际收到的款物金额×30%。</view>
      <view class="title"> <div class="fontNormal marginLeft5">2.</div> 未回款部分，您不需向投资人支付任何现金，只需让律师将投资人追加为共同执行人；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div>     投资人享有的债权计算公式为：（生效裁判文书上确定您可以收取的全部金额－您已经回收的款物金额）×30%。</view>
      <view class="title titles underline"> <div class="leftpoint">·</div> 您主张的欠款本金只有部分获得法院支持时，您需向投资人履行以下事项：</view>
      <view class="title">  <div class="fontNormal marginLeft5">1.</div> 回款部分，在您收到款物后，应以现金方式向投资人支付投资收益；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div> 计算公式为：您实际收到的款物金额×30%。</view>
      <view class="title">  <div class="fontNormal marginLeft5">2.</div> 未回款部分，您不需向投资人支付任何现金，只需让律师将投资人追加为共同执行人；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div>     投资人享有的债权计算公式为：（生效裁判文书上确定您可以收取的全部金额－您已经回收的款物金额）×30%。</view>
      <view class="title">  <div class="fontNormal marginLeft5">3.</div> 您主张的欠款本金没有获得法院支持的部分，您应向投资人赔偿相应的投资费用损失；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div> 计算公式为：（您主张的欠款本金－生效裁判文书上支持您的欠款本金）÷您主张的欠款本金×投资人已支付的投资费用。 </view>
      <view class="title titles underline"> <div class="leftpoint">·</div> 您主张的欠款本金全部没有获得法院支持时，您需向投资人履行以下事项：</view>
      <view class="title">  <div class="fontNormal marginLeft5">1.</div> 您需向投资人赔偿投资费用损失；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div> 计算公式为：投资人已经支付的投资费用金额。</view>
      <view class="title">  <div class="fontNormal marginLeft5">2.</div> 您需向投资人赔偿投资收益损失；</view>
      <view class="title"> <div class="fontNormal">&nbsp;</div> 计算公式为：您请求的欠款本金.利息.违约金.立案受理费.公告费.律师费等全部费用总和×30%。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 您与欠款方和解/调解时，如给欠款方减少欠款本金的，请让律师将减少本金对应的投资费用损失计入和解/调解中，明确由欠款方支付给您。在您回收款物后7日内，优先无息支付给投资人。</view>
      <view class="title titles"> <div class="leftpoint">&nbsp;</div> 减少本金对应的投资费用损失计算公式为：和解/调解时给欠款方减少的欠款本金÷您主张的欠款本金×投资人已支付的投资费用。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 如您未按此约定处理造成投资人投资费用损失的，您应承担赔偿责任。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 您开始回收款物后，应在每一次回收款物之日起7日内，按回款金额/抵债金额的30%，以现金方式向投资人支付当期投资收益。</view>
      <view class="title titles"> <div class="leftpoint">&nbsp;</div> 符合以下任一情形，可认定为您回收款物之日：</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">1.</div> 回收款项到达您账户之日；</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">2.</div> 回收资产以物抵债的裁决送达委托人之日；</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">3.</div> 回收资产以物抵债合同签订之日；</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">4.</div> 您直接或间接合法占有.使用或控制抵债物之日；</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">5.</div> 其他可以认定您回收资产的情形。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 以下款项不计算投资收益：</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">1.</div> 您按《债权投资合同》第4.1款支出的超额部分的款项；</view>
      <view class="title titles">  <div class="fontNormal marginLeft5">2.</div> 您为案件支出的第三方费用。</view>
      <view class="title"> <div class="leftpoint">·</div> 请您下单时仔细阅读弹出的《债权投资合同》条款，如不同意条款内容的，请选择其他报价方式。</view>
      <view class="title"> <div class="leftpoint">·</div> 匹配律师成功后，请您在本平台“办公”→“信息”→本订单“委托人协作团队”群聊里，查看办案全流程，跟进律师工作，考核办案质量。</view>
      <view class="title"> <div class="leftpoint">·</div> 项目资料：您可以在下单时就上传，也可以在匹配律师成功后，再按律师的指引上传。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 全部法律服务事宜均由律师全权负责完成，投资人不干涉.不参与。如您对相关法律服务有任何疑问，请直接与律师沟通。在沟通过程中，您可以要求投资人给予必要的协助。</view>
      <view class="title titles"> <div class="leftpoint">·</div> 服务过程中，如需要解除委托的，请按照以下流程操作：</view>
      <view class="title">  <div class="fontNormal marginLeft5">1.</div> 在本平台“办公”→“信息”→本订单“委托人协作团队”群聊里，与律师确定解除和退款事宜，保留聊天记录；</view>
      <view class="title">  <div class="fontNormal marginLeft5">2.</div> 让律师与投资人确定解除和退款事宜；</view>
      <view class="title">  <div class="fontNormal marginLeft5">3.</div> 让律师点击“退回投资费用”按钮，将全部投资费用原路退回给投资人；</view>
      <view class="title">  <div class="fontNormal marginLeft5">4.</div> 律师退款给投资人后，您点击“解除委托”按钮，发起解除；</view>
      <view class="title">  <div class="fontNormal marginLeft5">5.</div> 联系律师，确认解除委托；</view>
      <view class="title">  <div class="fontNormal marginLeft5">6.</div> 联系投资人，确认解除委托。</view>
      <view class="title"> <div class="leftpoint">·</div> 请您尽量在工作日的工作时间（08:30—12:00,14:00—18:00）联系法务专员或律师提供服务。</view>
      <view class="title"> <div class="leftpoint">·</div> 法力平台已设置利益冲突审查机制，不会匹配与您有利益冲突的律师代理您的法律事务。</view>
      <view class="title"> <div class="leftpoint">·</div> 根据法律规定，符合以下任一条件的形成一个新案件，需要您另行提交新订单，具体由法务专员/律师指导您办理：</view>
      <view class="title">  <div class="fontNormal marginLeft5">a.</div> 后案与前案的当事人不相同；</view>
      <view class="title">  <div class="fontNormal marginLeft5">b.</div> 后案与前案的诉求标的不相同；</view>
      <view class="title">  <div class="fontNormal marginLeft5">c.</div> 后案与前案的诉求不相同，或者后案的诉求不能否定前案诉求。</view>
      <view class="title"> <div class="leftpoint">·</div> 案件审理期限.执行期限可查阅《最高人民法院关于严格执行案件审理期限制度的若干规定》。</view>
      <view class="title"> <div class="leftpoint">·</div> 因本服务发生争议的，请与律师及其律师事务所.债权投资人友好协商，协商不成的，您.律师及其律师事务所.债权投资人以及本平台均同意提交广州仲裁委员会裁决。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务完成后，您可与律师联系开具服务费发票。</view>
      <view class="title"> <div class="leftpoint">·</div> 服务完成后，您可在订单详情页面查看服务结果。    </view>
    </view>
    <!-- <view class="item-down" v-if="showDown" @click="down">
      <text class="down-txt" v-if="isDown">展开</text>
      <text class="down-txt" v-if="!isDown">收起</text>
    </view> -->
  </view>
</template>

<script>
export default {
  props: {
    title: '',
    content: '',
    isBold: false,
    img_src:''
  },
  data() {
    return {
      isDown: false,
      showDown: true,
      isCollect: false
    };
  },
  methods: {
    down() {
      this.isDown = !this.isDown;
    },
    collect() {
      this.isCollect = !this.isCollect;
    }
  }
};
</script>

<style lang="scss">
.heightMy {
  height: 210rpx;
  overflow: hidden;
}
.bold {
  font-weight: bold;
  color: #000 !important;
}
.weight{
  color: #000 !important;
  font-weight: 700;
}
.detail-item {
  background-color: #ffffff;
  border-radius: 26rpx;
  margin-bottom: 20rpx;
  padding: 30rpx;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  .item-title {
    width: 100%;
    color: #aaa;
    margin-bottom: 20rpx;

  }
  .item-intro {
    width: 100%;
    line-height: 50rpx;

    .title{
      div{
        display: inline-block;
      }
      text-align: justify;
      padding-left: 8px;
      position: relative;
      .leftpoint{
        position:absolute;
        left:-1px;
        font-weight: normal;
        color:#303133;
      }
      .fontNormal{
        font-weight: normal;
      }
      .marginLeft5{
        display: inline-block;
        margin-right:8px;
      }
    }
    .titles{
      font-weight: 550;
    }
    .underline{
      text-decoration:underline!important;
   }
  }
  .item-down {
    width: 100%;
    text-align: right;
    .down-txt {
      color: #06b4fd;
      text-align: right;
    }
  }
}
</style>
